body {
	font: 12px Arial, Helvetica, Sans-serif;
	background-color: #f0f0f0 !important;
	background: url("../images/Sinotico-faixa.png") repeat-x #f0f0f0
		!important;
	background-image: url("../images/Sinotico-faixa.png") !important;
}

.widget-window {
	background-color: #f3f7f8 !important;
	border-color: #a2bcec !important;
	border-style: solid;
	border-width: 1px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 25px #888888;
	box-shadow: 0px 0px 25px #888888;
	font-size: 10pt;
	font-weight: bold;
	height: auto;
	padding: 4px;
}

.widget-window-footer {
	color: #15428B;
	background-color: #F3F7F8 !important;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.widget-window-heading {
	color: #15428B;
	background-color: #F3F7F8 !important;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.labeled-image {
	color: Black;
	cursor: pointer;
	font-stretch: normal;
	font-variant: normal;
	font-size: 14px !important;
	font-style: normal !important;;
	font-weight: bold !important;;
}

.search-box input {
	left: 0px !important;
}

.search-box {
	background: url("images/search-white.png") no-repeat scroll 10px 3px
		#FCFCFC;
	margin-left: 2px !important;
	margin-top: 2px !important;
	border: 1px solid #D1D1D1;
	border-radius: 20px 20px 20px 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	color: #BBBBB;
	font: bold 12px Arial, Helvetica, Sans-serif;
	padding: 3px 1px 1px 30px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	transition: all 0.7s ease 0s;
}

.cell {
	padding-top: 10px;
}

.button-att {
	top: 2px !important;
}

#gridEvents .x-grid3-cell {
	vertical-align: middle !important;
}

.new-x-panel-header {
	color: #15428b;
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma, arial, verdana, sans-serif;
	border-color: #15428b !important;
	background-image: url(/images/white-top-bottom.gif);
}

.border-layout {
	background-color: #d6e2f6;
}

.template-content { /* 	color: #35476a; */
	color: #687287;
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.template-label { /* 	color: #6b7b99; */
	color: #35476a;
	font-size: 11px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: bold;
}

.template-grid-event td {
	text-align: justify;
}

.template-grid-event {
	width: 246px;
}

.titulo-label {
	font: 12px Arial, Helvetica, Sans-serif;
	font-weight: bold;
	background-color: #d6e2f6;
}

.userMsg {
	background-color: #F0FBF5 !important;
	color: #3764a0 !important;
	font: bold 10px tahoma, arial, helvetica, sans-serif !important;
}

.m2m-borders-panel {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* sinotico */
.sinotic-desktop {
	background: url("../images/Sinotico-faixa.png") repeat-x #f0f0f0
		!important;
	background-image: url("../images/Sinotico-faixa.png") !important;
}

.sinotic-container { /* 	-webkit-box-shadow: 0px 0px 25px #888888; */
	/* 	box-shadow: 0px 0px 25px #888888; */
	
}

.sinotic-botton-container {
	background: url("../images/botton-background.png") repeat-x #f0f0f0
		!important;
	background-image: url("../images/botton-background.png") !important;
}

.logo {
	background: url("../images/m2m-powered.png") !important;
	background-image: url("../images/m2m-powered.png") !important;
}

.sinotic-top-container {
	background: url("../images/top-background.png") repeat-x #f0f0f0
		!important;
	background-image: url("../images/top-background.png") !important;
}

.sinotic-taskbar #radioTask {
	
}

.sinotic-taskbar label {
	color: #fffffd !important;
	/* 	font-weight: bold; */
	font-size: 13pt !important;
}

.sinotic-taskbar {
	padding-top: 5px !important;
	border-style: solid !important;
	border-right-style: solid;
	border-right-width: 1px !important;
	border-color: #6f7478 !important;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	vertical-align: middle !important;;
}

.sinotic-clock {
	font-family: tahoma, arial, helvetica, sans-serif !important;
	font-size: 16px;
	font-weight: bold;
	color: #82878a;
	border-color: #6f7478 !important;
}

.count-overflow {
	font-size: 18px;
	height: 24px;
	width: 24px;
	text-align: center;
	left: 8px !important;
	color: #000000 !important;
	top: -18px !important;
	background-color: #f8c51e;
	-moz-box-shadow: 10px 10px 5px #888888;
	box-shadow: 1px 1px 1px #000000;
	border-radius: 4px;
}

.right-count-overflow {
	font-size: 18px;
	height: 24px;
	width: 24px;
	text-align: center;
	left: 85px !important;
	color: #000000 !important;
	top: -18px !important;
	background-color: #f8c51e;
	-moz-box-shadow: 10px 10px 5px #888888;
	box-shadow: 1px 1px 1px #000000;
	border-radius: 4px;
}

.left-info-overflow {
	background-image: url("../images/bg-info-terminal.png") !important;
	font-size: 12px;
	height: 24px;
	width: 500px;
	text-align: left;
	padding-left: 50px;
	padding-top: 5px;
	z-index: -1;
	left: 50px !important;
	color: #000000 !important;
	vertical-align: middle;
	top: -22px !important;
	-moz-box-shadow: -2px 1px 1px #888888;
	box-shadow: -2px 1px 1px #888888;
	border-radius: 4px;
}

.right-info-overflow {
	background-image: url("../images/bg-info-terminal.png") !important;
	font-size: 12px;
	height: 24px;
	width: 500px;
	text-align: right;
	padding-right: 50px;
	padding-top: 5px;
	z-index: -1;
	left: -480px !important;
	color: #000000 !important;
	vertical-align: middle;
	top: -22px !important;
	-moz-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #000000;
	border-radius: 4px;
}

.sinotic-terminal { /* 	background: #30556f !important; */
	
}

.sinotic-terminal-right {
	background: #30556f !important;
}

.terminal-header {
	height: 42px !important;
	color: #fffffd;
	font-size: 18px;
	font-weight: bold;
	background: #30556f !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #858e97 !important;
}

.grid {
	font-size: 17px;
	color: #fffffd;
	background: #3c4f5d !important;
}

.terminal-grid {
	background: #2e4354 !important;
	border-top-width: 1px !important;
	border-top-style: solid !important;
	border-top-color: #262b31 !important;
	background: #3c4f5d !important;
}

.overflow-visible {
	overflow: visible !important;
}

.blur-info {
	color: #ffffff !important;
	background-color: #a7a7a7 !important;
	font-size: 12px;
	border-left-style: solid !important;
	border-left: 1px solid #949494 !important;
	border-top-style: solid !important;
	border-top: 1px solid #949494 !important;
	border-radius: 5px 0px 0px 0px !important;
}

.focus-info { /* 	width: 24px !important; */
	color: #000000 !important;
	color: #fffffd;
	font-size: 14px;
	font-weight: bold;
	background-color: #f3b508 !important;
	margin-left: -6px !important;
	width: 24px !important;
	height: 56px !important;
	border: 1px solid #a1a1a1 !important;
	border-radius: 5px 0px 0px 5px !important;
}

.blur-info  :HOVER {
	font-size: 15px;
	left: -17px !important;
	cursor: pointer;
}

.vertical-info {
	left: -14px !important;
	/* 	top: 13px !important; */ /* 	font-weight: bold; */
	width: 56px;
	height: 24px;
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
	-o-transform: rotate(-90deg); /* Opera */
	-moz-transform: rotate(-90deg); /* Firefox */
}

.right-vertical-info {
	left: -22px !important;
	width: 56px;
	height: 24px;
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */
	-moz-transform: rotate(90deg); /* Firefox */
}

.right-info {
	color: #ffffff !important;
	background-color: #a7a7a7 !important;
	font-size: 12px;
	border-left-style: solid !important;
	border-left: 1px solid #949494 !important;
	border-top-style: solid !important;
	border-top: 1px solid #949494 !important;
	border-radius: 5px 0px 0px 0px !important;
}

.right-focus-info {
	color: #000000 !important;
	color: #fffffd;
	font-size: 14px;
	font-weight: bold;
	background-color: #f3b508 !important;
	margin-left: 0px !important;
	width: 24px !important;
	height: 56px !important;
	border: 1px solid #a1a1a1 !important;
	border-radius: 0px 5px 5px 0px !important;
}

.right-blur-info {
	color: #ffffff !important;
	background-color: #a7a7a7 !important;
	font-size: 12px;
	border-left-style: solid !important;
	border-left: 1px solid #949494 !important;
	border-top-style: solid !important;
	border-top: 1px solid #949494 !important;
	border-radius: 0px 5px 5px 0px !important;
}

.right-blur-info  :HOVER {
	font-size: 15px;
	left: -20px !important;
	cursor: pointer;
}

.base-window {
	background-color: #f8f8f8 !important;
	border-color: #979797 !important;
	border-style: solid;
	border-width: 1px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px #6a737a;
	box-shadow: 0px 0px 10px #6a737a;
	font-size: 10pt;
	font-weight: bold;
}

.base-window-header #heading {
	padding-top: 6px;
	padding-left: 5px;
}

.base-window-header img {
	top: 2px !important;
	left: 1px !important;
}

.base-window-header {
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow: 5px #6a737a;
	box-shadow: 5px #6a737a;
	font: 18px Arial, Helvetica, Sans-serif;
	color: #ffffff;
	background-color: #3b4e5c !important;
	vertical-align: middle;
	font-weight: bold;
}

.base-window-content {
	padding-bottom: 4px;
}

.header-fieldset #legend {
	padding-top: 2px;
	padding-left: 15px;
}

.header-fieldset {
	background-image: url("../images/bg-header-fieldset.png") !important;
	font: 18px Arial, Helvetica, Sans-serif;
	color: #000000;
	vertical-align: middle;
	font-weight: bold;
}

.base-fieldset {
	background-color: #f5f5f5 !important;
}

.text-info {
	color: #231a1a;
	font-family: Arial, Helvetica, Sans-serif !important;
}

.base-fieldset-content {
	padding-left: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.sinotic-header img {
	cursor: pointer;
}

.sinotic-header #headerContainer {
	cursor: move;
	top: -25px !important;
	background-image: url("../images/bg-header-sinotico.png") !important;
}

.sinotic-header {
	/* 	background-image: url("../images/bg-header-sinotico.png") !important; */
	font: 14px Arial, Helvetica, Sans-serif;
	color: #ffffff;
	/* 	vertical-align: middle; */
	font-weight: bold;
	overflow: visible !important;
}

.sinotic-footer .footer-text {
	top: 4px !important;
}

.sinotic-footer {
	background-image: url("../images/bg-footer-sinotico.png") !important;
	top: 0px !important;
	border-radius: 0px 0px 4px 4px !important;
	font: 14px Arial, Helvetica, Sans-serif;
	color: #ffffff;
}